<ion-header>
  <ion-navbar>
    <ion-title>我的</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="isOut()">
        <ion-icon name="tuichu"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content>
`
  <div class="div-backImg">
    <img class="back-Img" [src]="backImg" alt="">
  </div>


  <div class="info">
    <div class="info-top">
      <div class="info-top-avatar" text-center>
        <img src="{{user['avatar']}}" alt="" (click)="gotoChangeAvatar()">
      </div>
    </div>
  </div>


  <div class="info-card">
    <div class="info-card-content">
      <div>
        <ion-icon name="user"></ion-icon>
        <span>{{user['nickname']}}</span>
      </div>
      <div>
        <ion-icon name="realname"></ion-icon>
        <span class="name">{{user['realname']}}</span>
      </div>
      <div>
        <ion-icon name="class"></ion-icon>
        <span>{{user['classes']}}</span>
      </div>
      <div>
        <ion-icon name="qq"></ion-icon>
        <span>{{user['userqq']}}</span>
      </div>
    </div>
  </div>

</ion-content>
